﻿@model ZLMediaServerManagent.Models.ViewDto.LayoutViewDto

<!DOCTYPE html>
<html>

<head>
    <title>ZLMediaKitServer-Dashboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8" />

    <!-- Bootstrap -->

    <link href="/assets/css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <link rel="stylesheet" href="/assets/css/vendor/animate/animate.min.css">
    <link type="text/css" rel="stylesheet" media="all" href="/assets/js/vendor/mmenu/css/jquery.mmenu.all.css" />
    <link rel="stylesheet" href="/assets/js/vendor/videobackground/css/jquery.videobackground.css">
    <link rel="stylesheet" href="/assets/css/vendor/bootstrap-checkbox.css">

    <link rel="stylesheet" href="/assets/js/vendor/rickshaw/css/rickshaw.min.css">
    <link rel="stylesheet" href="/assets/js/vendor/morris/css/morris.css">
    <link rel="stylesheet" href="/assets/js/vendor/tabdrop/css/tabdrop.css">
    <link rel="stylesheet" href="/assets/js/vendor/summernote/css/summernote.css">
    <link rel="stylesheet" href="/assets/js/vendor/summernote/css/summernote-bs3.css">
    <link rel="stylesheet" href="/assets/js/vendor/chosen/css/chosen.min.css">
    <link rel="stylesheet" href="/assets/js/vendor/chosen/css/chosen-bootstrap.css">
    <link rel="stylesheet" href="/lib/mdui/mdui.min.css" />

    <link rel="stylesheet" href="/lib/bootstrap-table/dist/bootstrap-table.min.css">



    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-treegrid/0.2.0/css/jquery.treegrid.min.css"> -->

    <link href="/assets/css/minimal.css" rel="stylesheet">

    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
    <script src="/layuiadmin/layui/layui.all.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

    <style>
        body #content .tile.color .tile-header,
        body #content .tile.color .tile-widget,
        body #content .tile.color .tile-body,
        body #content .tile.color .tile-footer,
        body #content .tile.color .tile-left-side,
        body #content .tile.color .tile-right-side {
            color: #000;
        }

        /* Layui Table  背景透明 字体黑色*/
        .layui-table {
            background-color: transparent !important;
            color: #000 !important;
        }


        /* 鼠标指向表格时,奇数行背景颜色 */
        .layui-table tbody tr:hover,
        .layui-table-hover {
            background-color: rgba(0, 0, 0, 0.2);
        }


        /* 表格头部背景色 */

        .layui-table th {
            background-color: transparent !important;
            background: transparent !important;

            color: #FFF;
            font-weight: 900;
            font-size: 15px !important;
        }


        .layui-table-header,
        .transparentDataTable .layui-table-cell,
        .layui-table-header thead tr {
            background-color: transparent !important;
        }


        /* Layui Table 表格底部分页 文字颜色 */
        .layui-laypage .layui-laypage-skip {
            color: #000 !important;
        }

        /* Layui Table 表格底部分页  页码文本框 */
        .layui-laypage-btn {
            background-color: rgba(0, 0, 0, 0.2) !important;
            border: 0px;
            color: #FFF;

        }

        /* Layui Table 表格底部分页 确定按钮 */
        .layui-laypage a,
        .layui-laypage button,
        .layui-laypage input,
        .layui-laypage select,
        .layui-laypage span {
            border: 1px rgba(0, 0, 0, 0.2);

        }

        /* Layui Table 表格底部分页 页码列表 */
        .layui-laypage select {
            background-color: rgba(0, 0, 0, 0.2) !important;
            color: #FFF;
        }

        .layui-table td,
        .layui-table th,
        .layui-table-col-set,
        .layui-table-fixed-r,
        .layui-table-grid-down,
        .layui-table-header,
        .layui-table-page,
        .layui-table-tips-main,
        .layui-table-tool,
        .layui-table-total,
        .layui-table-view,
        .layui-table[lay-skin="line"],
        .layui-table[lay-skin="row"] {
            border-color: rgba(0, 0, 0, 0.2) !important;
            color: #FFF;
        }

        /* .layui-form-checkbox[lay-skin="primary"] i{
            background-color: transparent;
        } */

        /* 选择框效果  透明 */
        .layui-form-checkbox[lay-skin="primary"] i {
            background-color: transparent;
        }

        .layui-form-checked[lay-skin="primary"] i {

            border-color: #5fb878 !important;
            background-color: #5fb878;
            color: #FFF;

        }

        /* 弹窗背景颜色 */
        .layui-layer {
            background-color: rgba(0, 0, 0, 0.6) !important;
        }

        /* 下拉框样式 */
        .layui-input,
        .layui-select,
        .layui-textarea {
            background-color: rgba(0, 0, 0, 0.7) !important;
            border: 0px;
            border-radius: 4px;
        }

        .layui-form-select dl {
            background-color: rgba(0, 0, 0, 0.8) !important;
            color: #FFF;
            border: 0px;
            border-radius: 4px;
        }

        /* 弹出层标题 */
        .layui-layer-title {
            background-color: rgba(0, 0, 0, 0.8) !important;
            color: #FFF;
            border: 0px;
            border-radius: 4px;
        }

        /* 讯问框字体颜色 */
        .layui-layer-dialog .layui-layer-content {
            color: #FFF;
        }

        /* 树形控件字体颜色 */
        .layui-tree-txt {
            color: #FFF;
        }

        .layui-form-select .layui-input {
            color: #FFF;
        }

        /* layui table 表格 无数据提示内容颜色 */
        .layui-table-body .layui-none {
            color: #FFF;

        }

        /* layui table tip文字颜色 */
        .layui-table-tips-main {
            color: #000 !important;
        }

        /* layui select 高度 */
        .layui-select,
        .layui-input {
            height: 40px !important;
        }

        /* 卡片中复选框样式 */
        body #content div.checkbox label:after,
        body #content .modal .modal-dialog .modal-content div.checkbox label:after {
            color: #58bd6a !important;
            width: 0px !important;
        }

        /*  layui 流加载底部文字颜色 */
        .layui-flow-more {
            color: #FFF;
        }

        /* .layui-layer-shade{
            z-index: -1 !important;
        } */
        /* .layui-table td,
        .layui-table th,
        .layui-table-col-set,
        .layui-table-fixed-r,
        .layui-table-grid-down,
        .layui-table-header,
        .layui-table-page,
        .layui-table-tips-main,
        .layui-table-tool,
        .layui-table-total,
        .layui-table-view,
        .layui-table,
        .layui-table {
            border-color: rgba(0, 0, 0, 0.2) !important;
        } */







        /* .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.open {
            visibility: hidden;
        }
       body #content .tile.color table.table-custom > thead > tr > th, body #content .tile.color table.table-custom > thead > tr > td, body #content .tile.transparent-black table.table-custom > thead > tr > th, body #content .tile.transparent-black table.table-custom > thead > tr > td, body #content .tile.transparent-white table.table-custom > thead > tr > th, body #content .tile.transparent-white table.table-custom > thead > tr > td, body #content .tile-header.color table.table-custom > thead > tr > th, body #content .tile-header.color table.table-custom > thead > tr > td, body #content .tile-header.transparent-black table.table-custom > thead > tr > th, body #content .tile-header.transparent-black table.table-custom > thead > tr > td, body #content .tile-header.transparent-white table.table-custom > thead > tr > th, body #content .tile-header.transparent-white table.table-custom > thead > tr > td, body #content .tile-widget.color table.table-custom > thead > tr > th, body #content .tile-widget.color table.table-custom > thead > tr > td, body #content .tile-widget.transparent-black table.table-custom > thead > tr > th, body #content .tile-widget.transparent-black table.table-custom > thead > tr > td, body #content .tile-widget.transparent-white table.table-custom > thead > tr > th, body #content .tile-widget.transparent-white table.table-custom > thead > tr > td, body #content .tile-body.color table.table-custom > thead > tr > th, body #content .tile-body.color table.table-custom > thead > tr > td, body #content .tile-body.transparent-black table.table-custom > thead > tr > th, body #content .tile-body.transparent-black table.table-custom > thead > tr > td, body #content .tile-body.transparent-white table.table-custom > thead > tr > th, body #content .tile-body.transparent-white table.table-custom > thead > tr > td, body #content .tile-footer.color table.table-custom > thead > tr > th, body #content .tile-footer.color table.table-custom > thead > tr > td, body #content .tile-footer.transparent-black table.table-custom > thead > tr > th, body #content .tile-footer.transparent-black table.table-custom > thead > tr > td, body #content .tile-footer.transparent-white table.table-custom > thead > tr > th, body #content .tile-footer.transparent-white table.table-custom > thead > tr > td, body #content .tile-left-side.color table.table-custom > thead > tr > th, body #content .tile-left-side.color table.table-custom > thead > tr > td, body #content .tile-left-side.transparent-black table.table-custom > thead > tr > th, body #content .tile-left-side.transparent-black table.table-custom > thead > tr > td, body #content .tile-left-side.transparent-white table.table-custom > thead > tr > th, body #content .tile-left-side.transparent-white table.table-custom > thead > tr > td, body #content .tile-right-side.color table.table-custom > thead > tr > th, body #content .tile-right-side.color table.table-custom > thead > tr > td, body #content .tile-right-side.transparent-black table.table-custom > thead > tr > th, body #content .tile-right-side.transparent-black table.table-custom > thead > tr > td, body #content .tile-right-side.transparent-white table.table-custom > thead > tr > th, body #content .tile-right-side.transparent-white table.table-custom > thead > tr > td
       {
           color: #FFF;
       }
       body #content .tile table.table-custom > thead > tr > th:after, body #content .tile table.table-custom > thead > tr > td:after, body #content .inbox table.table-custom > thead > tr > th:after, body #content .inbox table.table-custom > thead > tr > td:after{
           height: 0px;
       }
       body #content .tile table.table-custom > thead > tr > th, body #content .tile table.table-custom > thead > tr > td, body #content .inbox table.table-custom > thead > tr > th, body #content .inbox table.table-custom > thead > tr > td{
           font-size: 15px;
           font-weight:bold;
       }
      */
    </style>
</head>

<body class="bg-1">



    <!-- Preloader -->

    <div class="mask" id="mask" style="display: none;" style="z-index:2147483647;">
        <div id="loader" style="width: max-content;">
            <h4 style="text-align: center;color: #FFF;margin-top: 30px;" id="loaderTime"></h4>
            <h1 style="color: #FFF;" id="loaderInfo"></h1>
            <div style="color: #FFF;" id="loaderConsole">
            </div>
        </div>
    </div>

    <!--/Preloader -->

    <!-- Wrap all page content here -->
    <div id="wrap">




        <!-- Make page fluid -->
        <div class="row">
            <!-- Fixed navbar -->
            <div class="navbar navbar-default navbar-fixed-top navbar-transparent-black mm-fixed-top" role="navigation"
                id="navbar">



                <!-- Branding -->
                <div class="navbar-header col-md-2">
                    <a class="navbar-brand"
                        style="background:url(../../../../imgs/zlserver/ZLM_FISH_TRANSP_MINI.png) no-repeat 0px 7px;padding-top: 8px; padding-left: 30px;line-height: 28px;"
                        href="/Home/Index" target="_self">
                        <strong>ZL</strong>MediaDashboard
                    </a>
                    <div class="sidebar-collapse">
                        <a href="#">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                </div>
                <!-- Branding end -->


                <!-- .nav-collapse -->
                <div class="navbar-collapse">

                    <!-- Page refresh -->
                    <ul class="nav navbar-nav refresh">
                        <li class="divided">
                            <a onclick="refershPage()"><i class="fa fa-refresh"></i></a>
                        </li>
                    </ul>
                    <!-- /Page refresh -->

                    <!-- Search -->
                    <div class="search" id="main-search">
                        <i class="fa fa-search"></i> <input type="text" placeholder="Search...">
                    </div>
                    <!-- Search end -->

                    <!-- Quick Actions -->
                    <ul class="nav navbar-nav quick-actions">

                        <li class="dropdown divided">

                            <a class="dropdown-toggle button" data-toggle="dropdown" href="#">
                                <i class="fa fa-tasks"></i>
                                <span class="label label-transparent-black">2</span>
                            </a>

                            <ul class="dropdown-menu wide arrow nopadding bordered">
                                <li>
                                    <h1>You have <strong>2</strong> new tasks</h1>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="task-info">
                                            <div class="desc">Layout</div>
                                            <div class="percent">80%</div>
                                        </div>
                                        <div class="progress progress-striped progress-thin">
                                            <div class="progress-bar progress-bar-green" role="progressbar"
                                                aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
                                                style="width: 80%">
                                                <span class="sr-only">40% Complete (success)</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="task-info">
                                            <div class="desc">Schemes</div>
                                            <div class="percent">15%</div>
                                        </div>
                                        <div class="progress progress-striped active progress-thin">
                                            <div class="progress-bar progress-bar-cyan" role="progressbar"
                                                aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"
                                                style="width: 15%">
                                                <span class="sr-only">45% Complete</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="task-info">
                                            <div class="desc">Forms</div>
                                            <div class="percent">5%</div>
                                        </div>
                                        <div class="progress progress-striped progress-thin">
                                            <div class="progress-bar progress-bar-orange" role="progressbar"
                                                aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"
                                                style="width: 5%">
                                                <span class="sr-only">5% Complete (warning)</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="task-info">
                                            <div class="desc">JavaScript</div>
                                            <div class="percent">30%</div>
                                        </div>
                                        <div class="progress progress-striped progress-thin">
                                            <div class="progress-bar progress-bar-red" role="progressbar"
                                                aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"
                                                style="width: 30%">
                                                <span class="sr-only">30% Complete (danger)</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="task-info">
                                            <div class="desc">Dropdowns</div>
                                            <div class="percent">60%</div>
                                        </div>
                                        <div class="progress progress-striped progress-thin">
                                            <div class="progress-bar progress-bar-amethyst" role="progressbar"
                                                aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"
                                                style="width: 60%">
                                                <span class="sr-only">60% Complete</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li><a href="#">Check all tasks <i class="fa fa-angle-right"></i></a></li>
                            </ul>

                        </li>

                        <li class="dropdown divided">

                            <a class="dropdown-toggle button" data-toggle="dropdown" href="#">
                                <i class="fa fa-envelope"></i>
                                <span class="label label-transparent-black">1</span>
                            </a>

                            <ul class="dropdown-menu wider arrow nopadding messages">
                                <li>
                                    <h1>You have <strong>1</strong> new message</h1>
                                </li>
                                <li>
                                    <a class="cyan" href="#">
                                        <div class="profile-photo">
                                            <img src="/assets/images/ici-avatar.jpg" alt />
                                        </div>
                                        <div class="message-info">
                                            <span class="sender">Ing. Imrich Kamarel</span>
                                            <span class="time">12 mins</span>
                                            <div class="message-content">Duis aute irure dolor in reprehenderit in
                                                voluptate velit esse cillum
                                            </div>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a class="green" href="#">
                                        <div class="profile-photo">
                                            <img src="/assets/images/arnold-avatar.jpg" alt />
                                        </div>
                                        <div class="message-info">
                                            <span class="sender">Arnold Karlsberg</span>
                                            <span class="time">1 hour</span>
                                            <div class="message-content">Lorem ipsum dolor sit amet, consectetur
                                                adipisicing elit</div>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <div class="profile-photo">
                                            <img src="/assets/images/profile-photo.jpg" alt />
                                        </div>
                                        <div class="message-info">
                                            <span class="sender">John Douey</span>
                                            <span class="time">3 hours</span>
                                            <div class="message-content">Excepteur sint occaecat cupidatat non proident,
                                                sunt in culpa qui
                                                officia</div>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a class="red" href="#">
                                        <div class="profile-photo">
                                            <img src="/assets/images/peter-avatar.jpg" alt />
                                        </div>
                                        <div class="message-info">
                                            <span class="sender">Peter Kay</span>
                                            <span class="time">5 hours</span>
                                            <div class="message-content">Ut enim ad minim veniam, quis nostrud
                                                exercitation</div>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a class="orange" href="#">
                                        <div class="profile-photo">
                                            <img src="/assets/images/george-avatar.jpg" alt />
                                        </div>
                                        <div class="message-info">
                                            <span class="sender">George McCain</span>
                                            <span class="time">6 hours</span>
                                            <div class="message-content">Lorem ipsum dolor sit amet, consectetur
                                                adipisicing elit</div>
                                        </div>
                                    </a>
                                </li>


                                <li class="topborder"><a href="#">Check all messages <i
                                            class="fa fa-angle-right"></i></a></li>
                            </ul>

                        </li>

                        <li class="dropdown divided">

                            <a class="dropdown-toggle button" data-toggle="dropdown" href="#">
                                <i class="fa fa-bell"></i>
                                <span class="label label-transparent-black">3</span>
                            </a>

                            <ul class="dropdown-menu wide arrow nopadding bordered">
                                <li>
                                    <h1>You have <strong>3</strong> new notifications</h1>
                                </li>

                                <li>
                                    <a href="#">
                                        <span class="label label-green"><i class="fa fa-user"></i></span>
                                        New user registered.
                                        <span class="small">18 mins</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <span class="label label-red"><i class="fa fa-power-off"></i></span>
                                        Server down.
                                        <span class="small">27 mins</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <span class="label label-orange"><i class="fa fa-plus"></i></span>
                                        New order.
                                        <span class="small">36 mins</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <span class="label label-cyan"><i class="fa fa-power-off"></i></span>
                                        Server restared.
                                        <span class="small">45 mins</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <span class="label label-amethyst"><i class="fa fa-power-off"></i></span>
                                        Server started.
                                        <span class="small">50 mins</span>
                                    </a>
                                </li>

                                <li><a href="#">Check all notifications <i class="fa fa-angle-right"></i></a></li>
                            </ul>

                        </li>

                        <li class="dropdown divided user" id="current-user">
                            <div class="profile-photo">
                                <img src="/assets/images/profile-photo.jpg" alt />
                            </div>
                            <a class="dropdown-toggle options" data-toggle="dropdown" href="#">
                                John Douey <i class="fa fa-caret-down"></i>
                            </a>

                            <ul class="dropdown-menu arrow settings">

                                <li>

                                    <h3>Backgrounds:</h3>
                                    <ul id="color-schemes">
                                        <li><a href="#" class="bg-1"></a></li>
                                        <li><a href="#" class="bg-2"></a></li>
                                        <li><a href="#" class="bg-3"></a></li>
                                        <li><a href="#" class="bg-4"></a></li>
                                        <li><a href="#" class="bg-5"></a></li>
                                        <li><a href="#" class="bg-6"></a></li>
                                    </ul>

                                    <div class="form-group videobg-check">
                                        <label class="col-xs-8 control-label">Video BG</label>
                                        <div class="col-xs-4 control-label">
                                            <div class="onoffswitch greensea small">
                                                <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
                                                    id="videobg-check">
                                                <label class="onoffswitch-label" for="videobg-check">
                                                    <span class="onoffswitch-inner"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>

                                </li>

                                <li class="divider"></li>

                                <li>
                                    <a href="#"><i class="fa fa-user"></i> Profile</a>
                                </li>

                                <li>
                                    <a href="#"><i class="fa fa-calendar"></i> Calendar</a>
                                </li>

                                <li>
                                    <a href="#"><i class="fa fa-envelope"></i> Inbox <span class="badge badge-red"
                                            id="user-inbox">3</span></a>
                                </li>

                                <li class="divider"></li>

                                <li>
                                    <a href="/Home/Loginout"><i class="fa fa-power-off"></i> Logout</a>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <a href="#mmenu"><i class="fa fa-comments"></i></a>
                        </li>
                    </ul>
                    <!-- /Quick Actions -->



                    <!-- Sidebar -->
                    <ul class="nav navbar-nav side-nav" id="sidebar">

                        <li class="collapsed-content">
                            <ul>
                                <li class="search">
                                    <!-- Collapsed search pasting here at 768px -->
                                </li>
                            </ul>
                        </li>
                        @foreach (var item in @Model.Menus)
                        {
                        <li class="navigation" id="navigation">
                            <a href="#" class="sidebar-toggle" data-toggle="#navigation">@item.Name <i
                                    class="fa fa-angle-up"></i></a>
                            <ul class="menu">
                                @foreach (var chid in item.Children.OrderBy(p=>p.Order).ToList())
                                {
                                <li>
                                    <a ajaxDown="@chid.Url">
                                        <i class="@chid.Icon"></i> @chid.Name
                                        <!--<span class="badge badge-red">1</span>-->
                                    </a>
                                </li>
                                }

                            </ul>
                        </li>
                        }


                        @* <li class="navigation" id="navigation">
                            <a href="#" class="sidebar-toggle" data-toggle="#navigation">Navigation <i
                                    class="fa fa-angle-up"></i></a>

                            <ul class="menu">

                                <li class="active">
                                    <a href="/Home/Index">
                                        <i class="fa fa-tachometer"></i> Dashboard
                                        <span class="badge badge-red">1</span>
                                    </a>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        <i class="fa fa-list"></i> Forms <b class="fa fa-plus dropdown-plus"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="form-elements.html">
                                                <i class="fa fa-caret-right"></i> Common Elements
                                            </a>
                                        </li>
                                        <li>
                                            <a href="validation-elements.html">
                                                <i class="fa fa-caret-right"></i> Validation
                                            </a>
                                        </li>
                                        <li>
                                            <a href="form-wizard.html">
                                                <i class="fa fa-caret-right"></i> Form Wizard
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        <i class="fa fa-pencil"></i> Interface <b class="fa fa-plus dropdown-plus"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="ui-elements.html">
                                                <i class="fa fa-caret-right"></i> UI Elements
                                            </a>
                                        </li>
                                        <li>
                                            <a href="typography.html">
                                                <i class="fa fa-caret-right"></i> Typography
                                            </a>
                                        </li>
                                        <li>
                                            <a href="tiles.html">
                                                <i class="fa fa-caret-right"></i> Tiles
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <li>
                                    <a href="buttons.html">
                                        <i class="fa fa-tint"></i> Buttons & Icons
                                    </a>
                                </li>
                                <li>
                                    <a href="grid.html">
                                        <i class="fa fa-th"></i> Grid Layout
                                    </a>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        <i class="fa fa-th-large"></i> Tables <b class="fa fa-plus dropdown-plus"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="tables.html">
                                                <i class="fa fa-caret-right"></i> Bootstrap Tables
                                            </a>
                                        </li>
                                        <li>
                                            <a href="datatables.html">
                                                <i class="fa fa-caret-right"></i> DataTables
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        <i class="fa fa-desktop"></i> Example Pages <b
                                            class="fa fa-plus dropdown-plus"></b>
                                        <span class="label label-greensea">mails</span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="login.html">
                                                <i class="fa fa-caret-right"></i> Login Page
                                            </a>
                                        </li>
                                        <li>
                                            <a href="calendar.html">
                                                <i class="fa fa-caret-right"></i> Calendar
                                            </a>
                                        </li>
                                        <li>
                                            <a href="page404.html">
                                                <i class="fa fa-caret-right"></i> Page 404
                                            </a>
                                        </li>
                                        <li>
                                            <a href="page500.html">
                                                <i class="fa fa-caret-right"></i> Page 500
                                            </a>
                                        </li>
                                        <li>
                                            <a href="page-offline.html">
                                                <i class="fa fa-caret-right"></i> Page Offline
                                            </a>
                                        </li>
                                        <li>
                                            <a href="gallery.html">
                                                <i class="fa fa-caret-right"></i> Gallery
                                            </a>
                                        </li>
                                        <li>
                                            <a href="timeline.html">
                                                <i class="fa fa-caret-right"></i> Timeline
                                            </a>
                                        </li>
                                        <li>
                                            <a href="mail.html">
                                                <i class="fa fa-caret-right"></i> Vertical Mail
                                                <span class="badge badge-red">5</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="mail-horizontal.html">
                                                <i class="fa fa-caret-right"></i> Horizontal Mail
                                                <span class="label label-greensea">mails</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="vector-maps.html">
                                                <i class="fa fa-caret-right"></i> Vector Maps
                                            </a>
                                        </li>
                                        <li>
                                            <a href="google-maps.html">
                                                <i class="fa fa-caret-right"></i> Google Maps
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <li>
                                    <a href="widgets.html">
                                        <i class="fa fa-play-circle"></i> Widgets
                                    </a>
                                </li>

                                <li>
                                    <a href="charts.html">
                                        <i class="fa fa-bar-chart-o"></i> Charts & Graphs
                                    </a>
                                </li>


                            </ul>

                        </li> *@

                        <li class="summary" id="order-summary">
                            <a href="#" class="sidebar-toggle underline" data-toggle="#order-summary">Orders Summary <i
                                    class="fa fa-angle-up"></i></a>

                            <div class="media">
                                <a class="pull-right" href="#">
                                    <span id="sales-chart"></span>
                                </a>
                                <div class="media-body">
                                    This week sales
                                    <h3 class="media-heading">26, 149</h3>
                                </div>
                            </div>

                            <div class="media">
                                <a class="pull-right" href="#">
                                    <span id="balance-chart"></span>
                                </a>
                                <div class="media-body">
                                    This week balance
                                    <h3 class="media-heading">318, 651</h3>
                                </div>
                            </div>

                        </li>

                        <li class="settings" id="general-settings">
                            <a href="#" class="sidebar-toggle underline" data-toggle="#general-settings">General
                                Settings <i class="fa fa-angle-up"></i></a>

                            <div class="form-group">
                                <label class="col-xs-8 control-label">Switch ON</label>
                                <div class="col-xs-4 control-label">
                                    <div class="onoffswitch greensea">
                                        <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
                                            id="switch-on" checked="">
                                        <label class="onoffswitch-label" for="switch-on">
                                            <span class="onoffswitch-inner"></span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-8 control-label">Switch OFF</label>
                                <div class="col-xs-4 control-label">
                                    <div class="onoffswitch greensea">
                                        <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
                                            id="switch-off">
                                        <label class="onoffswitch-label" for="switch-off">
                                            <span class="onoffswitch-inner"></span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                        </li>


                    </ul>
                    <!-- Sidebar end -->





                </div>
                <!--/.nav-collapse -->





            </div>
            <!-- Fixed navbar end -->






            <!-- Page content -->
            <div id="content" class="col-md-12">









                <!-- page header -->
                <div class="pageheader">




                </div>
                <!-- /page header -->






                <!-- content main container -->
                <div class="main" id="mainContainer" name="mainContainer" style="height: 100%;">







                </div>
                <!-- /content container -->






            </div>
            <!-- Page content end -->




            <div id="mmenu" class="right-panel">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs nav-justified">
                    <li class="active"><a href="#mmenu-users" data-toggle="tab"><i class="fa fa-users"></i></a></li>
                    <li class=""><a href="#mmenu-history" data-toggle="tab"><i class="fa fa-clock-o"></i></a></li>
                    <li class=""><a href="#mmenu-friends" data-toggle="tab"><i class="fa fa-heart"></i></a></li>
                    <li class=""><a href="#mmenu-settings" data-toggle="tab"><i class="fa fa-gear"></i></a></li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active" id="mmenu-users">
                        <h5><strong>Online</strong> Users</h5>

                        <ul class="users-list">

                            <li class="online">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/ici-avatar.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Ing. Imrich <strong>Kamarel</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Ulaanbaatar, Mongolia</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="online">
                                <div class="media">

                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/arnold-avatar.jpg" alt>
                                    </a>
                                    <span class="badge badge-red unread">3</span>

                                    <div class="media-body">
                                        <h6 class="media-heading">Arnold <strong>Karlsberg</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Bratislava, Slovakia</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>

                                </div>
                            </li>

                            <li class="online">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/peter-avatar.jpg" alt>

                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Peter <strong>Kay</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Kosice, Slovakia</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="online">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/george-avatar.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">George <strong>McCain</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Prague, Czech Republic</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="busy">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/random-avatar1.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Lucius <strong>Cashmere</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Wien, Austria</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="busy">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/random-avatar2.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Jesse <strong>Phoenix</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Berlin, Germany</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                        </ul>

                        <h5><strong>Offline</strong> Users</h5>

                        <ul class="users-list">

                            <li class="offline">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/random-avatar4.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Dell <strong>MacApple</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Paris, France</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="offline">
                                <div class="media">

                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/random-avatar5.jpg" alt>
                                    </a>

                                    <div class="media-body">
                                        <h6 class="media-heading">Roger <strong>Flopple</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Rome, Italia</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>

                                </div>
                            </li>

                            <li class="offline">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/random-avatar6.jpg" alt>

                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Nico <strong>Vulture</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Kyjev, Ukraine</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="offline">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/random-avatar7.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Bobby <strong>Socks</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Moscow, Russia</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="offline">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/random-avatar8.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Anna <strong>Opichia</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Budapest, Hungary</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                        </ul>

                    </div>

                    <div class="tab-pane" id="mmenu-history">
                        <h5><strong>Chat</strong> History</h5>

                        <ul class="history-list">

                            <li class="online">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/ici-avatar.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Ing. Imrich <strong>Kamarel</strong></h6>
                                        <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                            tempor</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="busy">
                                <div class="media">

                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/arnold-avatar.jpg" alt>
                                    </a>
                                    <span class="badge badge-red unread">3</span>

                                    <div class="media-body">
                                        <h6 class="media-heading">Arnold <strong>Karlsberg</strong></h6>
                                        <small>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
                                            dolore eu fugiat nulla
                                            pariatur</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>

                                </div>
                            </li>

                            <li class="offline">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/peter-avatar.jpg" alt>

                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Peter <strong>Kay</strong></h6>
                                        <small>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
                                            deserunt mollit
                                        </small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                        </ul>

                    </div>

                    <div class="tab-pane" id="mmenu-friends">
                        <h5><strong>Friends</strong> List</h5>
                        <ul class="favourite-list">

                            <li class="online">
                                <div class="media">

                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/arnold-avatar.jpg" alt>
                                    </a>
                                    <span class="badge badge-red unread">3</span>

                                    <div class="media-body">
                                        <h6 class="media-heading">Arnold <strong>Karlsberg</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Bratislava, Slovakia</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>

                                </div>
                            </li>

                            <li class="offline">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/random-avatar8.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Anna <strong>Opichia</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Budapest, Hungary</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="busy">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/random-avatar1.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Lucius <strong>Cashmere</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Wien, Austria</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                            <li class="online">
                                <div class="media">
                                    <a class="pull-left profile-photo" href="#">
                                        <img class="media-object" src="/assets/images/ici-avatar.jpg" alt>
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">Ing. Imrich <strong>Kamarel</strong></h6>
                                        <small><i class="fa fa-map-marker"></i> Ulaanbaatar, Mongolia</small>
                                        <span class="badge badge-outline status"></span>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>

                    <div class="tab-pane pane-settings" id="mmenu-settings">
                        <h5><strong>Chat</strong> Settings</h5>

                        <ul class="settings">

                            <li>
                                <div class="form-group">
                                    <label class="col-xs-8 control-label">Show Offline Users</label>
                                    <div class="col-xs-4 control-label">
                                        <div class="onoffswitch greensea">
                                            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
                                                id="show-offline" checked="">
                                            <label class="onoffswitch-label" for="show-offline">
                                                <span class="onoffswitch-inner"></span>
                                                <span class="onoffswitch-switch"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="form-group">
                                    <label class="col-xs-8 control-label">Show Fullname</label>
                                    <div class="col-xs-4 control-label">
                                        <div class="onoffswitch greensea">
                                            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
                                                id="show-fullname">
                                            <label class="onoffswitch-label" for="show-fullname">
                                                <span class="onoffswitch-inner"></span>
                                                <span class="onoffswitch-switch"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="form-group">
                                    <label class="col-xs-8 control-label">History Enable</label>
                                    <div class="col-xs-4 control-label">
                                        <div class="onoffswitch greensea">
                                            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
                                                id="show-history" checked="">
                                            <label class="onoffswitch-label" for="show-history">
                                                <span class="onoffswitch-inner"></span>
                                                <span class="onoffswitch-switch"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="form-group">
                                    <label class="col-xs-8 control-label">Show Locations</label>
                                    <div class="col-xs-4 control-label">
                                        <div class="onoffswitch greensea">
                                            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
                                                id="show-location" checked="">
                                            <label class="onoffswitch-label" for="show-location">
                                                <span class="onoffswitch-inner"></span>
                                                <span class="onoffswitch-switch"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="form-group">
                                    <label class="col-xs-8 control-label">Notifications</label>
                                    <div class="col-xs-4 control-label">
                                        <div class="onoffswitch greensea">
                                            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
                                                id="show-notifications">
                                            <label class="onoffswitch-label" for="show-notifications">
                                                <span class="onoffswitch-inner"></span>
                                                <span class="onoffswitch-switch"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="form-group">
                                    <label class="col-xs-8 control-label">Show Undread Count</label>
                                    <div class="col-xs-4 control-label">
                                        <div class="onoffswitch greensea">
                                            <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox"
                                                id="show-unread" checked="">
                                            <label class="onoffswitch-label" for="show-unread">
                                                <span class="onoffswitch-inner"></span>
                                                <span class="onoffswitch-switch"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </li>

                        </ul>

                    </div><!-- tab-pane -->

                </div><!-- tab-content -->
            </div>






        </div>
        <!-- Make page fluid-->




    </div>
    <!-- Wrap all page content end -->



    <section class="videocontent" id="video"></section>


    <script src="/lib/signalr/dist/browser/signalr.min.js"></script>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/assets/js/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/assets/js/vendor/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="/assets/js/vendor/mmenu/js/jquery.mmenu.min.js"></script>
    <script type="text/javascript" src="/assets/js/vendor/sparkline/jquery.sparkline.min.js"></script>
    <script type="text/javascript" src="/assets/js/vendor/nicescroll/jquery.nicescroll.min.js"></script>
    <script type="text/javascript" src="/assets/js/vendor/animate-numbers/jquery.animateNumbers.js"></script>
    <script type="text/javascript" src="/assets/js/vendor/videobackground/jquery.videobackground.js"></script>
    <script type="text/javascript" src="/assets/js/vendor/blockui/jquery.blockUI.js"></script>

    <script src="/assets/js/vendor/flot/jquery.flot.min.js"></script>
    <script src="/assets/js/vendor/flot/jquery.flot.time.min.js"></script>
    <script src="/assets/js/vendor/flot/jquery.flot.selection.min.js"></script>
    <script src="/assets/js/vendor/flot/jquery.flot.animator.min.js"></script>
    <script src="/assets/js/vendor/flot/jquery.flot.orderBars.js"></script>
    <script src="/assets/js/vendor/easypiechart/jquery.easypiechart.min.js"></script>

    <script src="/assets/js/vendor/rickshaw/raphael-min.js"></script>
    <script src="/assets/js/vendor/rickshaw/d3.v2.js"></script>
    <script src="/assets/js/vendor/rickshaw/rickshaw.min.js"></script>

    <script src="/assets/js/vendor/morris/morris.min.js"></script>

    <script src="/assets/js/vendor/tabdrop/bootstrap-tabdrop.min.js"></script>
    <script src="/lib/bootstrap-growl/jquery.bootstrap-growl.min.js"></script>

    <script src="/assets/js/vendor/summernote/summernote.min.js"></script>

    <script src="/assets/js/vendor/chosen/chosen.jquery.min.js"></script>
    <script src="/lib/bootstrap-table/dist/bootstrap-table.min.js"></script>

    <script src="/assets/js/minimal.min.js"></script>
    <script src="/lib/mdui/mdui.min.js"></script>
    <script  src="/lib/flv.js/flv.min.js"></script>

    <script src="/js/site.js"></script>



    <script src="/lib/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>

    <script>
        var signalrConnection;
        var signalrNeedReConnection = true;
        var nowDivUrl = null;
        var layuiWindow = new Array();


        initSignalr();
        function initSignalr() {
            signalrConnection = new signalR.HubConnectionBuilder().withUrl("/Hubs/MessageHub").build();
            //Disable send button until connection is established
            signalrConnection.on("BrowserReceiveLoaderMessage", function (info, type) {
                addLoaderInfo(info, type);
            });

            signalrConnection.on("CleanCookieAndExit", function (info, type) {
                signalrNeedReConnection = false;
                clearAllCookie();
                alert('您的账号已在异地登录!');
                window.location.replace("/Home/Login")
                // closeWindows();

            });

            signalrConnection.onclose(async () => {
                if (signalrNeedReConnection) {
                    showGrowl('即时通讯连接已关闭,将重试连接!', 'danger', 2000);
                    await startConnectSignalr();
                }
            });
            startConnectSignalr();
        }

        async function startConnectSignalr() {
            try {
                if (signalrNeedReConnection) {
                    await signalrConnection.start();
                }
            } catch (err) {
                if (signalrNeedReConnection) {
                    showGrowl('连接即时通讯服务失败,将在5s后重试连接!', 'danger', 2000);
                    setTimeout(() => {
                        startConnectSignalr();
                    }, 5000);
                }
            }
        };


        $('a').click(function () {
            var url = $(this).attr('ajaxDown');
            if (url != undefined && url != null && !isEmpty(url)) {
                nowDivUrl = url;
                $('#mainContainer').load(nowDivUrl);
                // $.get(url, {}, function (data, status, xhr) {
                //     $('#main').html(data);
                // }).fail(function (err) {
                //     console.log(err);
                //     showGrowl(err.status + ' ' + err.statusText, 'danger', 4000);
                // });
            }
        });

        $(function () {
            nowDivUrl = '/Home/Dashboard';
            $('#mainContainer').load(nowDivUrl);
        });

        function refershPage() {
            $('#mainContainer').load(nowDivUrl);
        }
    </script>
</body>

</html>